<template>
    <div id="Help-Top-Nav">
        <div id="Help-TopNav-TOP">
            <div class="left">
                <span class="iconfont icon-chenghao" @click="GoHome()"></span>
                <span >反馈帮助中心</span>
            </div>
            <div class="right">
                <span class="iconfont icon-fenxiang"></span>
                <span class="iconfont icon-androidgengduo"></span>
            </div>
        </div>
    </div>
</template>

<script>

    export default {
        name: "Nav",
        methods: {
            GoHome(){
                this.$router.go(-1)
            }
        },
    }
</script>

<style lang="scss" scoped>

    #Help-Top-Nav {
        width: 100%;
        background-color: #FFFFFF;
        z-index: 5;
        position: fixed;
        top: 0;
        padding: 0 0.1rem;
        border-bottom: 0.01rem solid #dcdcdc;
    }


    #Help-TopNav-TOP {
        width: 100%;
        height: 0.56rem;
        display: flex;
        justify-content: space-between;

        div{
            height:100%;
            color:#343434;
            line-height: 0.56rem;

            span{
                display: inline-block;
                width: 0.33rem;
                text-align: center;
            }
        }
        .left{

            span:nth-of-type(1){
                font-size: 0.2rem;
            }
            span:nth-of-type(2){
                font-size: 0.2rem;
                display: inline;
            }

        }
        .right{
            span:nth-of-type(1){
                font-size: 0.2rem;
            }
            span:nth-of-type(2){
                font-size: 0.2rem;

            }

        }
    }
</style>